$mainColor:#23a8f5;
@mixin text_overflow($max) {
  display: -webkit-box; 
  display: -moz-box;
  -webkit-box-orient: vertical; 
  -moz-box-orient: vertical;
  -webkit-line-clamp: $max;
  -moz-line-clamp: $max;
  overflow: hidden;
}
.feedback{
  margin:20px auto;
  width: 1500/1680 * 100%;
  border:1px solid #e9ecef;
  .title{
    font-size: 18px;
    color: #333;
  }
}

.fb-form{
  label,textarea{
    display: block;
  }
  p{
    margin:0;
    padding:0;
  }
  label{
    padding:15px 0;
    margin:0;
    font-size: 15px;
  }
  textarea{
    resize:none;
    width: 100%;
    outline:none;
    border:1px solid #eee;
    padding:30px;
    &:focus{
      border:1px solid $mainColor;
    }
  }
  .fileBox{
    position: relative;
    width: 395/1680 * 100%;
    background:#fff;
    display: block;
    padding:7rem 0;
    text-align: center;
    input{
      display: block;
      opacity: 0;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
    }
    i{
      font-size: 38px;
      text-align: center;
      vertical-align: middle;
      color: #e0e3e8;
    }
  }
  .sendBtn{
    display: block;
    padding:10px 0;
    width: 120px;
    text-align: center;
    margin-top: 15px;
    border-radius: 5px;
    color: #fff;
    background-color: $mainColor;
  }
}

#showProImg{
    position:absolute; 
    left:0; 
    top:0; 
    display:table; 
    width:100%; 
    height:100%;
    overflow:hidden;
}

#showProImg span{
    width:100%;
    height:100%;
    display:table-cell; 
    vertical-align: middle; 
}

#showProImg span img{
    max-width:100%;
    /*max-height:100%;*/
    height:auto;
    display:inline-block;
}

.loading{
    display:inline-block;
    animation:myfirst 800ms linear infinite;
    -webkit-animation:myfirst 800ms linear infinite;
    -moz-animation:myfirst 800ms linear infinite;
    -o-animation:myfirst 800ms linear infinite;
}

@keyframes myfirst
{
    from {transform: rotate(0);}
    to {transform: rotate(360deg);}
}

@-webkit-keyframes myfirst
{
    from {transform: rotate(0);}
    to {transform: rotate(360deg);}
}

@-moz-keyframes myfirst
{
    from {transform: rotate(0);}
    to {transform: rotate(360deg);}
}

@-o-keyframes myfirst
{
    from {transform: rotate(0);}
    to {transform: rotate(360deg);}
}